<template>
  <div class="index">
    <div class="index_klinebox">
      <div data-v-3cac0174="" class="m-quotation-hd">
        <span data-v-3cac0174="" class="btn-back btn-back1"></span>


        <div data-v-3cac0174="" class="m-statistics">
            <div data-v-3cac0174="" class="m-statistics-left"><span data-v-3cac0174="" class="price">
                    <strong style="font-weight: normal"></strong>
                    <span data-v-3cac0174="" class="exchangeRate">≈稍等 CNY</span></span> <span data-v-3cac0174=""
                    class="exchangeRate exchangeRatel">量<b data-v-3cac0174=""></b></span> </div>
            <div data-v-3cac0174="" class="m-statistics-right">
                <div data-v-3cac0174="" class="m-statistics-item"><span data-v-3cac0174=""
                        class="m-statistics-label">高</span> </div>
                <div data-v-3cac0174="" class="m-statistics-item"><span data-v-3cac0174=""
                        class="m-statistics-label">低</span></div>
            </div>
        </div>
    </div>

        <div data-v-3cac0174="" class="m-quotation-ft"><span data-v-3cac0174="" class="btn-kline active"
            style="margin-left: 0.8rem;">K线<b class="quotib"></b></span> <span data-v-3cac0174="" class="btn-rank">盘口<b
                class="quotib"></b></span> <span data-v-3cac0174="" class="btn-introduction"
            style="width: 18%;">简介</span>
        <span data-v-3cac0174="" class="btn-trade">去交易</span></div>
    </div>


    <iframe ref="iframe" :src="url" frameborder="0"></iframe>
    <button class="buttons" @click="$router.push('/trade')"></button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      url:""
    };
  },
  created: function() {

    this.url='../../../dist/kline.html?bidui='+this.$route.query.bidui;

    // <!-- //打包删除-->
    // this.url='../../../kline.html?bidui='+this.$route.query.bidui;


  }
};
</script>

<style lang="less" scoped>
@import url("../less/kline.css");
  .index_klinebox{
     position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .buttons{
       position: fixed;
    right: 2%;
    bottom: .1rem;
    height: 1rem;
    z-index: 10;
    width: 28%;
    line-height: 2.2rem;
    border: 0;
    opacity: 0;
  }
  iframe{
    width: 100%;
    height: 100%;
  }
  .index{
    background: #121b31;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }

</style>
